const gulp=require('gulp')
//赋值文件
gulp.task('copy',function(){
    return gulp.src('./src/css/index.css').pipe(gulp.dest('./dist/css'))
})

//css打包任务  依赖包  gulp-cssmin
const  cssmin=require('gulp-cssmin')
gulp.task('css',function(){
    return gulp.src('./src/css/**') //查看css的所有文件
    .pipe(cssmin())//对css进行压缩
    .pipe(gulp.dest('./dist/css'))  //压缩后放到dist的 css 文件下
})
//打包sass文件  先把sass转成css  依赖包 gulp i sass   npm i gulp-sass
const sass=require('gulp-sass')(require('sass'))
gulp.task('sass',function(){
    return gulp.src('./src/sass/**')
    .pipe(sass())
    .pipe(cssmin())
    .pipe(gulp.dest('./dist/sass'))
})
//js打包任务 依赖包  npm i gilp-uglify
const uglify=require('gulp-uglify')
// gulp.task('js',function(){
//     return gulp.src('./src/js/index.js')
//     .pipe(uglify())
//     .pipe(gulp.dest('./dist/js'))
// })
//es6转es5  js 箭头函数 需要三个依赖包  npm i babel-preset-es2015 npm i gulp-babel@7.0.1 npm i babel-core
const babel=require('gulp-babel')
gulp.task('js',function(){
    return gulp.src('./src/js/**')
    .pipe(babel({presets:['es2015']}))
    .pipe(uglify())
    .pipe(gulp.dest('./dist/js'))
})
//打包html 
gulp.task('html',function(){
    return gulp.src('./src/pages/**')
})

// 依赖包 gulp-webserver
const webserver=require('gulp-webserver')
gulp.task('webserver',function(){
    return gulp.src('./dist')
    .pipe(webserver({
        host:'localhost',//配置打开的浏览器域名
        port:3000,//配置打来的浏览器端口
        livereload:true,  //自动刷新浏览器
        open:'./pages/index.html' //默认打开的文件
    }))
})
